<template>
  <div class="sys_setting_formdata_style yzsx">
    <div class="item">
      <p class="title">
        启用严格安全模式
      </p>
      <div class="radio_wrp">
        <el-radio
          v-for="(item, index) in dictlist.YESORNO"
          :key="index"
          v-model="data.SYS_SECURITY"
          :label="item.code"
        >
          {{ item.text }}
        </el-radio>
      </div>
    </div>
    <div class="item func">
      <p class="title">
        禁用严格安全模式的功能
      </p>
      <el-input
        :autosize="{ minRows: 3, maxRows: 10 }"
        v-model="data.SYS_SECURITY_EXCLUDE_FUNCCODE"
        v-on:mouseenter="hoverActive = 'SYS_SECURITY_EXCLUDE_FUNCCODE'"
        @mouseleave="hoverActive = null"
        type="textarea"
        resize="none"
      />
      <i
        @click="handleDisableSave(data.SYS_SECURITY_EXCLUDE_FUNCCODE)"
        class="jeicon jeicon-syrc"
      />
    </div>
    <div class="item">
      <p class="title">
        禁用严格安全模式的接口
      </p>
      <div class="table">
        <div class="table_items">
          <div class="w45">
            路径(例: "/je/***")
          </div>
          <div class="w50">
            说明
          </div>
          <div
            @click="add('SYS_SECURITY_EXCLUDE_URLS')"
            class="w5"
          >
            +
          </div>
        </div>
        <div
          v-for="(item, index) in data.SYS_SECURITY_EXCLUDE_URLS"
          :key="index"
          class="table_items"
        >
          <div class="w45">
            <input
              v-model="item.url"
              type="text"
            >
          </div>
          <div class="w50">
            <input
              v-model="item.explain"
              type="text"
            >
          </div>
          <div
            @click="del('SYS_SECURITY_EXCLUDE_URLS', index)"
            class="w5"
          >
            x
          </div>
        </div>
      </div>
    </div>
    <div class="item func">
      <p class="title">
        严格安全模式下禁用参数
      </p>
      <el-input
        :autosize="{ minRows: 3, maxRows: 10 }"
        v-model="data.SYS_SECURITY_EXCLUDE_PARAM"
        type="textarea"
        resize="none"
      />
    </div>
    <div class="item">
      <p class="title">
        保存新建、复制先执行当前表单保存
      </p>
      <div class="radio_wrp">
        <el-radio
          v-for="(item, index) in dictlist.YESORNO"
          :key="index"
          v-model="data.JE_SYS_SAVETYPE"
          :label="item.code"
        >
          {{ item.text }}
        </el-radio>
      </div>
    </div>
    <div class="item">
      <p class="title">
        前台采用弹窗提醒，去除调试提醒
        <i
          @click="showHolder('JE_SYS_ERRORTYPE')"
          class="jeicon jeicon-question-circle"
        />
      </p>
      <div class="radio_wrp">
        <el-radio
          v-for="(item, index) in dictlist.YESORNO"
          :key="index"
          v-model="data.JE_SYS_ERRORTYPE"
          :label="item.code"
        >
          {{ item.text }}
        </el-radio>
      </div>
    </div>
    <div class="item">
      <p class="title">
        弹出功能窗口，右下角关闭按钮显示
      </p>
      <div class="radio_wrp">
        <el-radio
          v-for="(item, index) in dictlist.YESORNO"
          :key="index"
          v-model="data.JE_SYS_FORMWINCLOSEBTN"
          :label="item.code"
        >
          {{ item.text }}
        </el-radio>
      </div>
    </div>
    <div class="item">
      <p class="title">
        服务器性质
      </p>
      <div class="radio_wrp">
        <el-radio
          v-for="(item, index) in dictlist.JE_CORE_SERVERRUN"
          :key="index"
          v-model="data.JE_CORE_SERVERRUN"
          :label="item.code"
        >
          {{ item.text }}
        </el-radio>
      </div>
    </div>
    <div class="item">
      <p class="title">
        子功能默认展示类型
      </p>
      <div class="radio_wrp">
        <el-radio-group v-model="data.JE_FUNC_CHILDSHOWTYPE">
          <el-radio
            :label="item.code"
            v-for="(item, index) in dictlist.JE_CHILDREN_LAYOUT"
            :key="index"
          >
            {{ item.text }}
          </el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="item">
      <p class="title">
        日志开关
      </p>
      <div class="radio_wrp">
        <el-checkbox v-model="data.JE_SYS_EXCEPTION">
          异常日志
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_EXECUITE">
          执行日志
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_LOGINLOG">
          登录日志
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_NOTELOG">
          短信日志
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_EMAILLOG">
          邮件日志
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_BTNLOG">
          按钮点击日志
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_DEVELOPLOG">
          开发日志
        </el-checkbox>
      </div>
    </div>
    <div class="item">
      <p class="title">
        权限开关
      </p>
      <div class="radio_wrp">
        <el-checkbox v-model="data.JE_SYS_ADMINPERM">
          权限分级管理
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_COMPANYWHERE">
          分公司过滤
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_USERPERM">
          权限申请
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_PROXYSET">
          代理设置
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_ADMINROLESEE">
          产品开发角色对其他人隐藏
        </el-checkbox>
      </div>
    </div>
    <div class="item">
      <p class="title">
        其他开关
      </p>
      <div class="radio_wrp">
        <el-checkbox v-model="data.JE_SYS_INTERNET">
          网络环境
        </el-checkbox>
        <!-- <el-checkbox v-model="data.JE_SYS_IMMSG">IM通讯</el-checkbox> -->
        <el-checkbox v-model="data.JE_SYS_PAGEOFFICE">
          启用PageOffice
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_PRODICTIONARY">
          启动加载字典
        </el-checkbox>
        <el-checkbox v-model="data.JE_SYS_PLAYAUDIO">
          提示音
        </el-checkbox>
      </div>
    </div>
    <div class="item">
      <p class="title">
        系统名称
      </p>
      <el-input
        v-model="data.JE_SYS_SYSTEM"
        clearable
      />
      <p class="holder">
        以系统名义发送短信、邮箱时的标识
      </p>
    </div>
    <div class="item">
      <p class="title">
        客服电话号码
      </p>
      <el-input
        v-model="data.JE_SYS_ERRORPHONE"
        clearable
      />
      <p class="holder">
        400电话号码，当系统出问题会显示该电话号码
      </p>
    </div>
    <div class="item">
      <p class="title">
        访问地址
      </p>
      <el-input
        v-model="data.JE_SYS_LOCALADDRESS"
        clearable
      />
      <p class="holder">
        外网部署时请填写IP或者域名
      </p>
    </div>
    <div class="item">
      <p class="title">
        加密设定
      </p>
      <div class="inner">
        <div class="inner__items">
          <div>启用:</div>
          <div style="height: 34px;line-height: 43px;">
            <el-checkbox v-model="data.JE_SYS_ENCRYPT">
              请求加密
            </el-checkbox>
          </div>
        </div>
        <div class="inner__items">
          <div />
          <div>
            <span
              @click="createKey"
              class="sys_btns"
            >点击生成秘钥</span>
          </div>
        </div>
        <div class="inner__items">
          <div>密钥1:</div>
          <div>
            <el-input
              v-model="data.JE_SYS_ENCRYPT_KEY1"
              clearable
            />
            <p class="holder">
              设定加密算法的密钥1
            </p>
          </div>
        </div>
        <div class="inner__items">
          <div>密钥2:</div>
          <div>
            <el-input
              v-model="data.JE_SYS_ENCRYPT_KEY2"
              clearable
            />
            <p class="holder">
              设定加密算法的密钥2
            </p>
          </div>
        </div>
        <div class="inner__items">
          <div>密钥3:</div>
          <div>
            <el-input
              v-model="data.JE_SYS_ENCRYPT_KEY3"
              clearable
            />
            <p class="holder">
              设定加密算法的密钥3
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="item">
      <p class="title">
        前台AJAX超时时间设定
      </p>
      <el-input
        v-model="data.JE_CORE_AJAXTIMEOUT"
        clearable
      />
      <p class="holder">
        设置AJAX的超时时间，默认是 30秒 单位是秒
      </p>
    </div>
    <div class="item">
      <p class="title">
        websocket服务地址
      </p>
      <el-input
        v-model="data.JE_CORE_WEBSOCKETURL"
        clearable
      />
    </div>
    <div class="item">
      <p class="title">
        websocket业务服务地址
      </p>
      <el-input
        v-model="data.JE_CORE_BACKWEBSOCKETURL"
        clearable
      />
    </div>
    <div class="item">
      <p class="title">
        手机websocket服务地址
      </p>
      <el-input
        v-model="data.JE_CORE_WEBSOCKETURL4APP"
        clearable
      />
    </div>
    <div class="item">
      <p class="title">
        IM应用服务链接
      </p>
      <el-input
        v-model="data.IM_PROXY_URL"
        clearable
      />
    </div>
    <div class="item">
      <p class="title">
        批量加载模型
        <i
          @click="showHolder('JE_SYS_MULTIMODELS')"
          class="jeicon jeicon-question-circle"
        />
      </p>
      <el-input
        v-model="data.JE_SYS_MULTIMODELS"
        clearable
      />
    </div>
    <div class="item func">
      <p class="title">
        超级管理员
      </p>
      <el-input
        v-model="data.JE_SYS_ADMIN"
        v-on:mouseenter="hoverActive = 'JE_SYS_ADMIN'"
        @mouseleave="hoverActive = null"
        readonly
      />
      <i
        @click="handleAdmin(data.JE_SYS_ADMIN)"
        class="jeicon jeicon-syrc"
      />
      <!-- <i
        v-show="data.JE_SYS_ADMIN && hoverActive === 'JE_SYS_ADMIN'"
        class="jeicon jeicon-error-circle"
        @click="clearItem('JE_SYS_ADMIN')"></i> -->
      <p class="holder">
        顶层管理员编码
      </p>
    </div>
    <div class="item func">
      <p class="title">
        运维管理员
      </p>
      <el-input
        v-model="data.JE_CORE_DEVOPSUSERNAMES"
        v-on:mouseenter="hoverActive = 'JE_CORE_DEVOPSUSERNAMES'"
        @mouseleave="hoverActive = null"
        readonly
      />
      <i
        @click="handleDevopsusernames(data.JE_CORE_DEVOPSUSERIDS)"
        class="jeicon jeicon-syrc"
      />
      <!-- <i
        v-show="data.JE_CORE_DEVOPSUSERNAMES && hoverActive === 'JE_CORE_DEVOPSUSERNAMES'"
        class="jeicon jeicon-error-circle"
        @click="clearItem('JE_CORE_DEVOPSUSERNAMES,JE_CORE_DEVOPSUSERIDS')"></i> -->
    </div>
    <div class="item func">
      <p class="title">
        超级管理员专属菜单
      </p>
      <el-input
        :rows="3"
        v-model="data.JE_CORE_ADMINMENU_NAME"
        v-on:mouseenter="hoverActive = 'JE_CORE_ADMINMENU_NAME'"
        @mouseleave="hoverActive = null"
        type="textarea"
        readonly
        resize="none"
      />
      <i
        @click="handleAdminmenu(data.JE_CORE_ADMINMENU_ID)"
        class="jeicon jeicon-syrc"
      />
      <!-- <i
        v-show="data.JE_CORE_ADMINMENU_NAME && hoverActive === 'JE_CORE_ADMINMENU_NAME'"
        class="jeicon jeicon-error-circle"
        @click="clearItem('JE_CORE_ADMINMENU_NAME,JE_CORE_ADMINMENU_ID')"></i> -->
    </div>
    <div class="item">
      <p class="title">
        启动服务执行
      </p>
      <div class="table">
        <div class="table_items">
          <div class="w40">
            执行Bean
          </div>
          <div class="w55">
            执行方法
          </div>
          <div
            @click="add('JE_SYS_STARTUP')"
            class="w5"
          >
            +
          </div>
        </div>
        <div
          v-for="(item, index) in data.JE_SYS_STARTUP"
          :key="index"
          class="table_items"
        >
          <div class="w40">
            <input
              v-model="item.key"
              type="text"
            >
          </div>
          <div class="w55">
            <input
              v-model="item.value"
              type="text"
            >
          </div>
          <div
            @click="del('JE_SYS_STARTUP', index)"
            class="w5"
          >
            x
          </div>
        </div>
      </div>
    </div>
    <div class="item">
      <p class="title">
        URL过滤
        <i
          @click="showHolder('JE_SYS_URLPATTERN')"
          class="jeicon jeicon-question-circle"
        />
      </p>
      <div class="table">
        <div class="table_items">
          <div class="w15">
            启用
          </div>
          <div class="w40">
            URL链接
          </div>
          <div class="w40">
            用途
          </div>
          <div
            @click="add('JE_SYS_URLPATTERN')"
            class="w5"
          >
            +
          </div>
        </div>
        <div
          v-for="(item, index) in data.JE_SYS_URLPATTERN"
          :key="index"
          class="table_items"
        >
          <div class="w15">
            <el-dropdown @command="handleCommand">
              <span
                @click="choose_item('JE_SYS_URLPATTERN', index)"
                class="el-dropdown-link"
                style="cursor: pointer;"
              >
                {{ getCNName(item.enabled) }}
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item
                  v-for="(choose, i) in dictlist.YESORNO"
                  :key="i"
                  :command="choose"
                >
                  {{ choose.text }}
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div class="w40">
            <input
              v-model="item.url"
              type="text"
            >
          </div>
          <div class="w40">
            <input
              v-model="item.remark"
              type="text"
            >
          </div>
          <div
            @click="del('JE_SYS_URLPATTERN', index)"
            class="w5"
          >
            x
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Yxsz',
  props: {
    formdata: {
      type: Object,
      default: () => {},
    },
    dictlist: {
      type: Object,
      default: () => [],
    },
  },
  data() {
    const data = {
      JE_SYS_SAVETYPE: this.formdata.JE_SYS_SAVETYPE,
      JE_SYS_ERRORTYPE: this.formdata.JE_SYS_ERRORTYPE,
      JE_SYS_FORMWINCLOSEBTN: this.formdata.JE_SYS_FORMWINCLOSEBTN,
      JE_FUNC_CHILDSHOWTYPE: this.formdata.JE_FUNC_CHILDSHOWTYPE, // 子功能默认展示类型
      JE_CORE_SERVERRUN: this.formdata.JE_CORE_SERVERRUN,
      JE_SYS_EXCEPTION: this.formdata.JE_SYS_EXCEPTION,
      JE_SYS_EXECUITE: this.formdata.JE_SYS_EXECUITE,
      JE_SYS_LOGINLOG: this.formdata.JE_SYS_LOGINLOG,
      JE_SYS_NOTELOG: this.formdata.JE_SYS_NOTELOG,
      JE_SYS_EMAILLOG: this.formdata.JE_SYS_EMAILLOG,
      JE_SYS_BTNLOG: this.formdata.JE_SYS_BTNLOG,
      JE_SYS_DEVELOPLOG: this.formdata.JE_SYS_DEVELOPLOG,
      JE_SYS_ADMINPERM: this.formdata.JE_SYS_ADMINPERM,
      JE_SYS_COMPANYWHERE: this.formdata.JE_SYS_COMPANYWHERE,
      JE_SYS_USERPERM: this.formdata.JE_SYS_USERPERM,
      JE_SYS_PROXYSET: this.formdata.JE_SYS_PROXYSET,
      JE_SYS_ADMINROLESEE: this.formdata.JE_SYS_ADMINROLESEE,
      JE_SYS_INTERNET: this.formdata.JE_SYS_INTERNET,
      JE_SYS_PAGEOFFICE: this.formdata.JE_SYS_PAGEOFFICE,
      JE_SYS_PRODICTIONARY: this.formdata.JE_SYS_PRODICTIONARY,
      JE_SYS_PLAYAUDIO: this.formdata.JE_SYS_PLAYAUDIO,
      JE_SYS_SYSTEM: this.formdata.JE_SYS_SYSTEM,
      JE_SYS_ERRORPHONE: this.formdata.JE_SYS_ERRORPHONE,
      JE_SYS_LOCALADDRESS: this.formdata.JE_SYS_LOCALADDRESS,
      JE_SYS_ENCRYPT: this.formdata.JE_SYS_ENCRYPT, // 加密设定-是否启用加密
      JE_SYS_ENCRYPT_KEY1: this.formdata.JE_SYS_ENCRYPT_KEY1,
      JE_SYS_ENCRYPT_KEY2: this.formdata.JE_SYS_ENCRYPT_KEY2,
      JE_SYS_ENCRYPT_KEY3: this.formdata.JE_SYS_ENCRYPT_KEY3,
      JE_CORE_AJAXTIMEOUT: this.formdata.JE_CORE_AJAXTIMEOUT,
      JE_CORE_WEBSOCKETURL: this.formdata.JE_CORE_WEBSOCKETURL,
      JE_CORE_BACKWEBSOCKETURL: this.formdata.JE_CORE_BACKWEBSOCKETURL,
      JE_CORE_WEBSOCKETURL4APP: this.formdata.JE_CORE_WEBSOCKETURL4APP,
      IM_PROXY_URL: this.formdata.IM_PROXY_URL,
      JE_SYS_MULTIMODELS: this.formdata.JE_SYS_MULTIMODELS,
      JE_SYS_ADMIN: this.formdata.JE_SYS_ADMIN,
      JE_CORE_DEVOPSUSERNAMES: this.formdata.JE_CORE_DEVOPSUSERNAMES,
      JE_CORE_ADMINMENU_NAME: this.formdata.JE_CORE_ADMINMENU_NAME,
      JE_SYS_STARTUP: this.formdata.JE_SYS_STARTUP || [],
      JE_SYS_URLPATTERN: this.formdata.JE_SYS_URLPATTERN || [],
      JE_CORE_DEVOPSUSERIDS: this.formdata.JE_CORE_DEVOPSUSERIDS,
      JE_CORE_ADMINMENU_ID: this.formdata.JE_CORE_ADMINMENU_ID,
      SYS_SECURITY: this.formdata.SYS_SECURITY, // 启用安全模式
      SYS_SECURITY_EXCLUDE_FUNCCODE: this.formdata.SYS_SECURITY_EXCLUDE_FUNCCODE, // 禁用安全模式的功能
      SYS_SECURITY_EXCLUDE_URLS: this.formdata.SYS_SECURITY_EXCLUDE_URLS || [], // 禁用安全模式的接口
      SYS_SECURITY_EXCLUDE_PARAM: this.formdata.SYS_SECURITY_EXCLUDE_PARAM, // 安全模式下禁用参数
    };
    return {
      click_JE_SYS_URLPATTERN_item: {},
      hoverActive: null,
      data,
    };
  },
  created() {
    /* const datas = JSON.parse(this.data.SYS_SECURITY_EXCLUDE_URLS);
    this.formdata.SYS_SECURITY_EXCLUDE_URLS = datas;
    this.data.SYS_SECURITY_EXCLUDE_URLS = datas; */
    const datasStartup = Ext.isArray(this.data.JE_SYS_STARTUP) ? this.data.JE_SYS_STARTUP : JSON.parse(this.data.JE_SYS_STARTUP);
    this.formdata.JE_SYS_STARTUP = datasStartup;
    this.data.JE_SYS_STARTUP = datasStartup;
    const datasUrlPattern = Ext.isArray(this.data.JE_SYS_URLPATTERN) ? this.data.JE_SYS_URLPATTERN : JSON.parse(this.data.JE_SYS_URLPATTERN);
    this.formdata.JE_SYS_URLPATTERN = datasUrlPattern;
    this.data.JE_SYS_URLPATTERN = datasUrlPattern;
  },
  methods: {
    add(type) {
      let obj = {};
      if (type === 'JE_SYS_STARTUP') {
        obj = {
          key: '',
          value: '',
        };
      } else if (type === 'JE_SYS_URLPATTERN') {
        obj = {
          enabled: '1',
          url: '',
          remark: '',
        };
      }
      this.formdata[type].push(obj);
    },
    del(type, i) {
      this.formdata[type].splice(i, 1);
    },
    choose_item(type, index) {
      this.click_JE_SYS_URLPATTERN_item.code = type;
      this.click_JE_SYS_URLPATTERN_item.ind = index;
    },
    handleCommand(item) {
      this.data.JE_SYS_URLPATTERN[this.click_JE_SYS_URLPATTERN_item.ind].enabled = item.code;
    },
    getCNName(code) {
      if (!code) return;
      const result = this.dictlist.YESORNO.filter(item => item.code === code);
      return result.length > 0 && result[0].text;
    },
    handleAdmin(id) {
      const that = this;
      JE.vue.selectUser({
        title: '人员选择',
        width: 300,
        height: 500,
        multiple: true,
        configInfo: 'JE_CORE_DEPTUSER,JE_SYS_ADMIN,code,M',
        value: id,
        valueType: 'code',
        callback(datas) {
          let arr = '';
          datas.forEach((item) => {
            arr += `${item.code},`;
          });
          arr = arr.substring(0, arr.length - 1);
          that.data.JE_SYS_ADMIN = arr;
        },
      });
    },
    handleDevopsusernames(id) {
      const that = this;
      JE.vue.selectUser({
        title: '人员选择',
        width: 300,
        height: 500,
        multiple: true,
        configInfo: 'JE_CORE_DEPTUSER,JE_CORE_DEVOPSUSERNAMES~JE_CORE_DEVOPSUSERIDS,text~id,M',
        value: id,
        valueType: 'id',
        callback(datas) {
          let textarr = '';
          let idarr = '';
          datas.forEach((item) => {
            idarr += `${item.id},`;
            textarr += `${item.text},`;
          });
          idarr = idarr.substring(0, idarr.length - 1);
          textarr = textarr.substring(0, textarr.length - 1);
          that.data.JE_CORE_DEVOPSUSERIDS = idarr;
          that.data.JE_CORE_DEVOPSUSERNAMES = textarr;
        },
      });
    },
    handleAdminmenu(id) {
      const that = this;
      JE.selectWin({
        title: '超级管理员专属菜单', // 标题
        configInfo: 'JE_CORE_MENU,JE_CORE_ADMINMENU_NAME~JE_CORE_ADMINMENU_ID,text~id,M',
        type: 'tree', // 类型
        value: id, // 默认值
        valueType: 'id',
        // 选完之后执行的方法
        callback(datas) {
          let textarr = '';
          let idarr = '';
          datas.forEach((item) => {
            idarr += `${item.data.id},`;
            textarr += `${item.data.text},`;
          });
          idarr = idarr.substring(0, idarr.length - 1);
          textarr = textarr.substring(0, textarr.length - 1);
          that.data.JE_CORE_ADMINMENU_ID = idarr;
          that.data.JE_CORE_ADMINMENU_NAME = textarr;
        },
      });
    },
    showHolder(code) {
      this.$emit('showHolderDialog', code);
    },
    clearItem(arr) {
      const list = arr.split(',');
      list.forEach((item) => {
        this.formdata[item] = '';
      });
    },
    createKey() {
      for (let i = 1; i < 4; i++) {
        this.data[`JE_SYS_ENCRYPT_KEY${i}`] = JE.uuid();
      }
    },
    handleDisableSave(id) {
      const vm = this;
      JE.selectWin({
        title: '禁用安全模式的功能', // 标题
        configInfo: 'JE_CORE_FUNCINFO,SYS_SECURITY_EXCLUDE_FUNCCODE,code,M',
        type: 'tree', // 类型
        value: id, // 默认值
        valueType: 'code',
        // 选完之后执行的方法
        callback(datas) {
          const list = [];
          datas.forEach((item) => {
            list.push(item.data.code);
          });
          vm.data.SYS_SECURITY_EXCLUDE_FUNCCODE = list.join(',');
        },
      });
    },
  },
};
</script>

<style lang="less">
.sys_setting_formdata_style.yzsx {
  .el-textarea__inner {
    padding-right: 30px;
  }
}
</style>
